<%-- 
    Document   : MainPrueba
    Created on : 08-may-2012, 8:21:02
    Author     : Alumno
--%>

<%@page import="upeu.edu.to.AlumnoTo"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page language="java" import="upeu.edu.to.AlumnoTo" %>
<%@page language="java" import="java.util.List" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>MainPrueba</title>
        <link  href="../../../Cultura/Recursos/css/style.css" 
               rel="stylesheet" 
               type="text/css" />
        <link  href="../../../Cultura/Recursos/css/lp1.css" 
               rel="stylesheet" 
               type="text/css" /> 
        <script type="text/javascript" src="../../Recursos/js/jquery.js" ></script>

        <script type="text/javascript">
            function mostraFormInsert(){
                oculatrDivs();
                $("#divInsertar").show();
            }
            function ocultarFormInsert(){
                $("#divInsertar").hide();
            } 
            function mostrarEditForm(url){
                oculatrDivs();
                $.ajax({                
                    type:"GET",
                    url:url,
                    data:"",
                    success: function(data){                                                           
                        $("#divEditar").html(data);
                        $("#divEditar").show();                    
                    }
                });
            }            
            function oculatrDivs(){
                $("#divInsertar").hide();
                $("#divEditar").hide();                
            }
        </script>
    </head>
    <body style="background-color: aliceblue">
    <center>
        <%-- <h1>Hello World!</h1>---%>

        <div id="divEditar" style="display: none">

        </div>
        <div id="divInsertar" style="display: none">
            <form name="Form Alumno" method="post" action="../../../AlumnoControl">
                <table border="1">
                    <thead>
                        <tr>
                            <th colspan="4">Formulario Insertar Alumno</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Nombres:</td>
                            <td><input type="text" name="nombres"  value="" placeholder="Escribe tu nombre"size="28" required/></td>
                        </tr>
                        <tr>
                            <td>Apellidos Paterno:</td>
                            <td><input type="text" name="appat" value="" placeholder="Escribe tu apellido paterno"size="28" required/></td>
                        </tr>
                        <tr>
                            <td>Apellidos Materno:</td>
                            <td><input type="text" name="apmat" value="" placeholder="Escribe tu apellido materno"size="28"required/></td>
                        </tr>
                        <tr>
                            <td>Teléfono</td>
                            <td><input type="text" name="telefono" value="" placeholder="Escribe tu telefono"size="28" required/></td>
                        </tr>
                        <tr>
                            <td>Direccion</td>
                            <td><input type="text" name="direccion" value="" placeholder="Escribe tu direccion"size="28"required/></td>
                        </tr>
                        <tr>
                            <td>E.A.P:</td>
                            <td><select name="eap">
                                    <option value="Sistemas">Ing. de Sistemas</option>
                                    <option value="Civil">Ing. de Civil</option>
                                    <option value="Alimentos">Ing. de Alimentos</option>
                                    <option value="Ed.Inicial y Puericultur">Edu.Inicial y Puericultura</option>
                                    <option value="Ed.linguistica e Ingles">Edu.linguistica e Ingles</option>
                                    <option value="Ed.Primaria">Edu.Primaria</option>
                                    <option value="Administración y negocios">EAP Administración y negocios</option>
                                    <option value="Contabilidad">Contabilidad</option>
                                    <option value="Asistencia Gerencial">Asistencia Gerencial</option>
                                    <option value="Enfermería">Enfermería </option>
                                    <option value="Psilología">Psilología </option>
                                </select></td>
                        </tr>
                        <tr>
                            <td colspan="2"> 
                                <input type="hidden" name="opt" value="I"/>    
                                <input type="submit" value="Guardar" name="guardar" />
                                <input type="button" value="Cancelar" name="cancelar" onclick="ocultarFormInsert()" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>
        <br/>
        <!--                SALTO DE LINEA, 
                            ABIERTO Y CERRADO A LA VEZ-->
        <!-- class="mamani" -->
        <div  id="david">
            <form name="formBuscar" action="../../../AlumnoControl">
                Pon tu nombre:  
                <input type="text" name="dato" value="" /> 
                <input type="hidden" name="opt" value="B"/>
                <input type="submit" value="Buscar" name="buscar" />
                <input type="button" value="Add" name="add" onclick="mostraFormInsert()" />
            </form>
        </div>
        <table border="1">
            <thead>
                <tr><%-- //filaaa--%>
                    <th colspan="8" style="color: brown; background-color: bisque">Reporte de Alumnos</th><%-- TH columnaa cuando estamos en HEAD--%>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>#</td><%--TD columna cuando estamos en cuerpo BODY--%>
                    <td>Nombre</td>
                    <td>Ap Paterno</td>
                    <td>Ap Materno</td>
                    <td>Telefono</td>
                    <td>Direccion</td>
                    <td>EAP</td>
                    <td>Opciones</td>
                </tr>
                <%
                    List<AlumnoTo> lista = null;
                    lista = (List<AlumnoTo>) request.getSession().getAttribute("listaAlumno");
                    int i = 0;
                    if (lista != null) {
                        for (AlumnoTo to : lista) {//este for no acepta nulos
%> 
                <tr>
                    <td><%=++i%></td>
                    <td><%=to.getNombres()%></td>
                    <td><% out.print(to.getAppat());%></td>
                    <td><% out.print(to.getApmat());%></td>
                    <td><% out.print(to.getTelefono());%></td>
                    <td><% out.print(to.getDireccion());%></td>
                    <td><% out.print(to.getEap());%></td>
                    <td>
                        <a href="../../../AlumnoControl?opt=D&idAlumno=<%=to.getId_alumno()%>">Eliminar</a>
                        <a href="#" onclick="mostrarEditForm('../../../AlumnoControl?opt=E&idAlumno=<%=to.getId_alumno()%>')">Editar</a>                    
                    </td>
                </tr>
                <% }
                    }%>
            </tbody>
        </table>
    </center> 
</body>
</html>
